<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>onsubmit 表单提交事件</title>
  <script type="text/javascript">
    //静态注册表单提交事件
    function register() {
//先得到输入的用户名和密码
      var username = document.getElementById("username");
      var pwd = document.getElementById("pwd");
//判断是否为空""
      if ("" == username.value || "" == pwd.value) {
        alert("用户名和密码不能为空, 不能提交");
        韩顺平
        Java
        工程师
        return false;//不提交
      }
//表示要提交
      return true;
    }

    //动态注册表单提交事件
    window.onload = function () {
//使用折半法, 观察原页面是否真的是最新的, 是不是修改的页面和访问的页面一致
//得到 from2 表单 dom 对象
      var form2 = document.getElementById("form2");
// //给 form2 绑定 onsubmit 事件
// 老韩解释 onsubmit 绑定的函数，会直接将结果(f,t)返回给 onsubmit
      form2.onsubmit = function () {
        if (form2.username.value == "" || form2.pwd.value == "") {
          alert("用户名和密码不能为空, 不能提交");
          return false;//不提交
        }
        return true;

      }
    }
  </script>
</head>
<body>
<h1>注册用户 1</h1> <!-- 静态注册表单提交事件 -->
<form action="ok.html" onsubmit="return register()">
  u: <input type="text" id="username" name="username"/><br/>
  p: <input type="password" id="pwd" name="pwd"/><br/>
  <input type="submit" value="注册用户"/>
</form>
<h1>注册用户 2</h1> <!-- 动态注册表单提交事件 -->
<form action="ok.html" id="form2">
  u: <input type="text" name="username"/><br/>
  p: <input type="password" name="pwd"/><br/>
  <input type="submit" value="注册用户"/></form>
</body>
</html>
